.tools-nav{ margin: 0 30px; height: 60px; line-height: 60px; border-bottom: 1px solid #dadee8}
.tools-nav li{ float: left; padding: 0 20px; font-size: 14px; color: #9598A2; cursor: pointer;}
.tools-nav li.on{position: relative; color: #1966ff;  }
.tools-nav .on:after{content: ''; width: 9px; height: 9px; position: absolute; bottom: -4px; left: 40px; background: url(../img/zt_ct_san.png) no-repeat; }

.list-wrap{ margin-top: 10px;}
.list-container{ display: none;}
.list-nav{ height: 45px; line-height: 45px; color: #808080; background-color: #fbfbfb;}
.list-nav .s1{ float: left; width: 40%; padding-left: 60px; box-sizing: border-box;}
.list-nav .s2{ float: right; width: 40%;}

.list-item{ margin: 0 40px;}
.list-item h2{ position: relative; padding-left: 30px; height:60px; line-height: 60px; font-size: 18px; color: #171920; font-weight: 100; cursor: pointer;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-item h2:before{ transition: all .2s ease; transform:rotate(-90deg); content: ''; width: 20px; height: 20px; position: absolute; top: 19px; left: 0px; background: url(../img/zt_ct_icon01.png)  no-repeat; }
.list-item-on h2:before{ transform:rotate(0);}

.list-level{ display: none; height: 50px; line-height:50px; background:#fbfbfb}
.list-level-left{ float: left; padding-left: 40px; width: 60%; background: url(../img/zt_ct_icon02.png) 15px center no-repeat; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-level-right{ float: right; padding-right: 20px; width: 40%; box-sizing: border-box;}
.list-level-right span{ margin-left: 13px; font-size: 16px; color: #9598a2;}
.list-level-right a{ float: right; margin-top: 10px; margin-left: 20px;  padding: 0 20px; height: 28px; line-height: 28px; font-size: 12px; border-radius: 14px;}
.list-level-right .a1{color: #fff; border: 1px solid #1966ff; background:#1966ff;}
.list-level-right .a2{color: #1966ff; border: 1px solid #1966ff;}
.list-item-on .list-level{display: block;}
